﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AdminAudio.aspx.cs" Inherits="FaithCMS.Admin.AdminAudio" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
         *
         {
            margin: 0;
         }

         body
         {
             margin: 0px;
         }

         .navContainer
         {
            position: absolute;
            background-color: #cccccc;
            float: left;
            width: 170px;
            height: 100%;
            border: 1px solid blue;
            padding: 3px;
         }

         .navHeader
         {
            background-color: #000099;
            margin: 1px;
         }

         .navHeaderText
         {
            color: #dddddd;
            text-align: center;
         }

         .navLinks
         {
            display: none;
            position: relative;
            background-color: #eeeeee;
            border: 1px solid blue;
            margin: 0px;
            padding: 15px;
         }
 
         a.navLink
         {
            text-decoration: none;
            color: #007700;
         }

         a.navLink:hover
         {
            position: relative;
            left: 10px;
            text-decoration: none;
            color: #000077;
         }
         
         .fileUpload
         {
             position: absolute;
             left: 350px;
             top: 250px;
         }
     </style>
</head>
<body>
    <div class="navContainer">
      <div class="navHeader" id="navHeader1">
         <p class="navHeaderText">Uploads</p>
      </div>
      <div class="navLinks" id="navLinks1">
         <a href="#nogo" class="navLink" id="link1">Sermons/Audio</a><br />
         <a href="#nogo" class="navLink" id="link2">Video</a><br />
         <a href="#nogo" class="navLink" id="link3">Images</a>
      </div>
      <div class="navHeader" id="navHeader2">
         <p class="navHeaderText">Settings</p>
      </div>
      <div class="navLinks" id="navLinks2">
         <a href="#nogo" class="navLink" id="link4">Accounts</a><br />
         <a href="#nogo" class="navLink" id="link5">Calendar</a>
      </div>
    </div>
    <script type="text/javascript">
        var timer = null;
        var navHeader1 = document.getElementById("navHeader1");
        var navHeader2 = document.getElementById("navHeader2");
        var navLinkDiv1 = document.getElementById("navLinks1");
        var navLinkDiv2 = document.getElementById("navLinks2");

        window.onload = function () {
            document.getElementById("link1").style.color = "blue";
        };

        navHeader1.onmouseover = function () {
            navLinkDiv1.style.display = "block";

            timer = setTimeout("hideLinks(navLinkDiv1)", 2000);
        };

        navHeader2.onmouseover = function () {
            navLinkDiv2.style.display = "block";

            timer = setTimeout("hideLinks(navLinkDiv2)", 2000);
        };

        navLinkDiv1.onmouseover = function () {
            if (timer != null) {
                clearTimeout(timer);
            }
        };

        navLinkDiv1.onmouseout = function () {
            timer = setTimeout("hideLinks(navLinkDiv1)", 2000);
        };

        navLinkDiv2.onmouseover = function () {
            if (timer != null) {
                clearTimeout(timer);
            }
        };

        navLinkDiv2.onmouseout = function () {
            timer = setTimeout("hideLinks(navLinkDiv2)", 2000);
        };

        function hideLinks(obj) {
            obj.style.display = "none";
        }
    </script>
    <form id="form1" runat="server">
       <input type="file" id="fileUpload1" class="fileUpload" runat="server" />
    <div>
       
    </div>
    </form>
</body>
</html>
